﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">

<head th:replace="layout::head(${title},${desc})"></head>

<body>

    
<div id="main-wrapper">
   
    <!--Header section start-->
    <div th:replace="layout::header"></div>
    <!--Header section end-->
    
    <!--Page Banner Section start-->
    <div class="page-banner-section section">
        <div class="container">
            <div class="row">
                <div class="col">
                    <h1 class="page-banner-title">Gallery</h1>
                    <ul class="page-breadcrumb">
                        <li><a href="index.html">主页</a></li>
                        <li class="active">Gallery 2 Column</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--Page Banner Section end-->

    <!--Gallery Section start-->
    <div class="gallery-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-100 pb-lg-80 pb-md-70 pb-sm-60 pb-xs-50">
        <div class="container">
            
            <div class="row">

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-1-big.jpg">
                            <img src="assets/images/gallery/gallery-1.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-2-big.jpg">
                            <img src="assets/images/gallery/gallery-2.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-3-big.jpg">
                            <img src="assets/images/gallery/gallery-3.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-4-big.jpg">
                            <img src="assets/images/gallery/gallery-4.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-5-big.jpg">
                            <img src="assets/images/gallery/gallery-5.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-6-big.jpg">
                            <img src="assets/images/gallery/gallery-6.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-7-big.jpg">
                            <img src="assets/images/gallery/gallery-7.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->

                <!--Agent satrt-->
                <div class="col-sm-6 col-12 mb-30">
                    <div class="gallery">
                        <a class="gallery-popup" href="assets/images/gallery/gallery-8-big.jpg">
                            <img src="assets/images/gallery/gallery-8.jpg" alt="">
                            <i class="pe-7s-photo"></i>
                        </a>
                    </div>
                </div>
                <!--Agent end-->
                
            </div>
            
            <div class="row mt-20">
                <div class="col">
                    <ul class="page-pagination">
                        <li><a href="#"><i class="fa fa-angle-left"></i> Prev</a></li>
                        <li class="active"><a href="#">01</a></li>
                        <li><a href="#">02</a></li>
                        <li><a href="#">03</a></li>
                        <li><a href="#">04</a></li>
                        <li><a href="#">05</a></li>
                        <li><a href="#"><i class="fa fa-angle-right"></i> Next</a></li>
                    </ul>
                </div>
            </div>
            
        </div>
    </div>
    <!--Gallery Section end-->
    
    <!--Footer section start-->
    <div th:replace="layout::footer"></div>
     <!--Footer section end-->
</div>

<!-- Placed js at the end of the document so the pages load faster -->

<!-- All jquery file included here -->
<script src="http://ditu.google.cn/maps/api/js?sensor=false&libraries=geometry&v=3.22&key=AIzaSyDAq7MrCR1A2qIShmjbtLHSKjcEIEBEEwM"></script>
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/plugins.js"></script>
<script src="assets/js/map-place.js"></script>
<script src="assets/js/main.js"></script>

</body>

</html>
